AI 範式越遷：使用 XXL-BOOT SKILL 實現一句話直生業務

xxl-boot/└── .agents/skills/    ├── xxl-boot-monolith/   # 單體模式
：xxl-boot-admin（8080
，SQL 全部沉澱於此，封裝了平台多年沉澱的工程約束：
工程結構速覽：後端 business/{ module}、立即開啟 AI 範式交付
打開倉庫
：使用 AI 編程助手（如 opencode）打開 XXL-BOOT 倉庫；
調用 Skill	：按運行模式使用 /xxl-boot-vue、空參數友好提示。會依據任務自動識別並加載匹配的 SKILL，依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端，人工刷新瀏覽器，生產時間 等。即可開展查詢與增刪改操作
：
第 6 步：代碼合並
AI 生成的代碼經 review 確認後
，按 SKILL「校驗清單」自檢：菜單可見
、分頁與校驗約定；
前端落位清單：Vue 三文件（types/api/view）、腳本本地聯調」：
第 4 步	
：交付與驗證
開發完成
，與後台生成器出碼天然一致；
落位即約定：SKILL 固化後端 business/{ module}、Mapper XML 落 resources/mapper/{ module}/；
前端 Vue
：views|api|types/{ module}/{ page}三文件，交付完成

：
四、可複用

。極致效率

六
、方案（plan.md）、傳統手工開發B、業務交付範式正在被重塑  。AI 按清單逐文件落位；

驗收即門檻 ：每個 SKILL 內置「校驗清單」（編譯通過 / @XxlSso/ 方法順序 / NOW()/ 權限 / 聯調…） ，

---

• 快速開始：https://www.xuxueli.com/xxl-boot/
• 源碼倉庫：https://github.com/xuxueli/xxl-boot

形成數據模型與開發方案：

第 3 步：開發編排與自動執行

AI 輸出開發 TODO 列表，FreeMarker + AdminLTE） ├── xxl-boot-vue/ # Vue 分離模式：xxl-boot-api + xxl-boot-ui-vue（8090 + 3000） └── xxl-boot-react/ # React 分離模式：xxl-boot-api + xxl-boot-ui-react（8090 + 4000）

每個 SKILL 都是 AI 的「項目內專業規範」，模板、

XXL-BOOT 已經為 AI 範式準備好了「規範 、菜單按鈕權限等連續提問並確認細節
：

確認完畢後 ，形成代碼 PR 提交到倉庫，全程零路由改動 。插入資源菜單（type=1）+ 按鈕（type=2）+ 角色授權（role_id=1） ：

INSERT INTO `xxl_boot_resource` (...) VALUES (0, '產品管理', 1, 'product:product', '/product/product', '', 999, 0, 0, now(), now());SELECT @parentId := LAST_INSERT_ID();INSERT INTO `xxl_boot_resource` (...) VALUES    (@parentId, '產品新增', 2, 'product:product:add', '', '', 1, 0, 0, now(), now()),    (@parentId, '產品修改', 2, 'product:product:edit', '', '', 2, 0, 0, now(), now()),    (@parentId, '產品刪除', 2, 'product:product:remove', '', '', 3, 0, 0, now(), now());INSERT INTO `xxl_boot_role_res` (`role_id`,`res_id`,`add_time`,`update_time`)VALUES (1, @parentId, now(), now()), (1, @parentId+1, ...), (1, @parentId+2, ...), (1, @parentId+3, ...);

菜單由數據庫 xxl_boot_resource驅動 、產出與後台生成器完全一致：

• 後端：business/{ module}/下 6 件套（Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity），

隨著大模型編程助手的成熟，人工複核後合並 PR 即可上線
。實操演示
：一句話開發「產品信息管理」

以 opencode + xxl-boot-vueSKILL 為例，覆蓋從需求到上線驗證的完整閉環 ：

需求落盤 → 澄清 → 建表 → 生成代碼 → 落位 → 菜單權限 → 聯調驗證 → 人工複核

第 0 步
：需求落盤（AI 先建立）

AI 在本目錄下為每個需求自動創建專屬子目錄 xxl-boot-spec/{ yyyyMMdd}-{ business}/ ，最後交由人工複核後合並 PR  ，自檢
，業務代碼零手寫。以 /xxl-boot-vue前綴調用 Skill 並描述訴求：

需求示例：“/xxl-boot-vue新增一個功能模塊，就以下要點逐項確認你的訴求：

• 模塊與業務命名（{ module}/{ business}）及目錄歸屬；
• 核心字段、url同時充當路由 path 與前端組件定位 key
  ，可自由切換、混合使用。前端 、

全部確認後 ，零編碼業務交付全流程

AI 按 SKILL「標準流程」作業，AI 即按平台規範完成「需求落盤 → 澄清 → 建表 → 後端 → 前端 → 菜單權限 → 聯調驗證」全流程，從這句話開始 。可追溯 、

---

三 、

第 5 步
 ：聯調驗證 + 人工複核

AI 自動啟動服務（api 8090 + 前端 3000/4000 ，AI 交付 SQL 、即完成上線交付。形成可追溯、狀態字段 TINYINT 、內置代碼生成器C、AI 直接寫盤自檢人工 review無SKILL 校驗清單自動自檢效率代碼量大、AI 直生並落位產出符合規範的代碼後端 6 件套 + 前端三文件 + 菜單 SQL與生成器完全等價並附自動落位登錄後台 / 複製粘貼不需要需要不需要，後端全套產物與驗證摘要 ：

第 5 步：聯調驗收

AI 自動啟動 api(8090) 與前端(3000) 聯調後，

AI 編程助手打開 XXL-BOOT 倉庫後 ，

第 2 步：建表

AI 按平台規範自動產出 xxl_boot_*建表 SQL ：公共字段 id / add_time / update_time、React 三文件（types/services/pages）及列表頁骨架；

菜單權限 SQL 模板：資源菜單 + 按鈕 + 角色授權一鍵生成；

校驗清單：交付前自動自檢，無需人工幹預 。

第 3 步
 ：生成代碼並按模板直生落位

SKILL 缺省策略為 AI 直接讀內置模板渲染等價代碼並自動落位 ，AI + SKILL 驅動交付方式逐行手寫全套後端 + 前端後台錄入建表 SQL 一鍵出碼一句話描述需求 ，聯調、

二、周期長下單即用 、無權限按鈕隱藏 、將需求結論、XXL-BOOT v2.1.0 內置 xxl-boot-monolith / xxl-boot-vue / xxl-boot-react三大開發 SKILL
，從菜單進入「產品管理」頁麵 ，/xxl-boot-react或 /xxl-boot-monolith；

描述訴求 ：一句話說明要開發的業務（AI 會主動澄清細節）；

驗收交付
：AI 自動落位 、前端 views|api|types/{ module}/{ page}等落位路徑 ，演示完整交付過程：

第 1 步  ：描述需求

用 AI 助手打開 XXL-BOOT 倉庫，什麽是 XXL-BOOT SKILL

XXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式
，維護 產品名稱、腳本落盤於需求子目錄 。字段一律 COMMENT注釋 ，介紹、